console.log(window.parent.key);

// *****************************************页面请求数据
// 注意：
//     1.打开文档
//     2.引入必须的JS  CSS
//     3.设置属性和文档一致，form name属性值 对象属性名一致！

let form = layui.form;
let layer = layui.layer;
// 1.请求数据
get();

function get() {
  $.ajax({
    url: "/my/userinfo",
    success: function(res) {

      // 2.拿到数据，表单赋值
      if (res.status == 0) {
        // console.log(res.data);
        form.val("user", res.data);


      }

    }
  });
}



// ******************************************修改提交
// 新的表单元素：<input type="hidden" name="id"> 隐藏，意义name属性=id
// 1.注册事件;
$(".layui-form").on("submit", function(e) {
  e.preventDefault();

  // 2.验证数据 思路

  // 3.收集数据
  let data = form.val("user");

  // 4.提交数据
  $.ajax({
    url: "/my/userinfo",
    type: "POST",
    data: data,
    success: function(res) {
      layer.msg(res.message);
      if (res.status == 0) {

        // 1.HTML页面嵌套，window对象各自的；通过父子关系找到父级window;
        // 2.index.js 把获取用户信息ajax封装方法getInfo
        // 3.提交数据成功，要父级的getInfo重新执行一次！
        window.parent.getInfo();
      }
    }
  })


})


// 重置事件
// html：<button type="reset">重置</button>
// 触发form重置默认行为
$(".layui-form").on("reset", function(e) {
  e.preventDefault();

  // 上面的封装重新调用
  get();
})